<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
	<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- content的取值为webkit,ie-comp,ie-stand之一，分别代表用webkit内核，IE兼容内核，IE标准内核 -->
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<!-- IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式，以此来解决部分兼容问题 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 缩放设置 范围:0.01–10 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<!-- Cache-Control指定请求和响应遵循的缓存机制 -->
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
		<!-- html5shiv.js一套实现让ie低版本等浏览器支持html5标签的解决方案 -->
		<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
		<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="leftAndRight/list-style.css" />
		<style>
			.list-title{
				width: 98%;
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
				border-bottom: 1px solid #adadad;
				cursor: move;
				color:#fff;
				background: #1E90FF;
			}
			.input-text {
				width: 140px;
			}
			.container {
				width: 50%;
				height: 100%;
				overflow: auto;
				float: left;
				position: fixed;
				cursor: pointer;
			}
			.queryTable {
				width: 45%;
				float: right;
				cursor: pointer;
			}
			.list-body .left-box2,.list-body .left-box-add, .list-body .right-box2 , .list-body .right-box-add{
				width: 39%;
				border: 1px solid #ceadad;
				border-radius: 3px;
				margin: 10px 10px;
				background: #fff;
			}
			/**当设备宽度小于980时*/

			@media screen and (max-width:980px) {
				.queryTable {
					display: none;
				}
				.container {
					width: 100%;
				}
			}
		</style>
		<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
		<title>车间生产周期表</title>
	</head>

	<body>
		<div class="container">
			<table class="table table-border table-bg table-hover">
				<tr>
					<th style='min-width:100px;'>车间生产周期表</th>
					<td>
						<button id="import" class="btn btn-primary radius">导入车间</button>
					</td>
				</tr>
				<tr>
					<td style='min-width:120px;'>部门</td>
					<td>
						<select id="productionLine" class="input-text"></select>
					</td>
				</tr>
				<tr >
					<td style='min-width:120px;'>车间名称</td>
					<td>
						<select id="workshopName" class="input-text"></select> &nbsp;&nbsp;&nbsp;
						<span class="btn btn-secondary-outline radius" id="addWorkshopBtn">+</span>
					</td>
				</tr>
				<tr id="addWorkshopTr" hidden="hidden">
					<td></td>
					<td>
						<input type="text" class="input-text" placeholder="车间名称" id="addWorkshopName" />&nbsp;&nbsp;&nbsp;
						<button class="btn btn-primary radius" id="addWorkshopNameBtn">添加</button>
					</td>
				</tr>
				<tr>
					<td>顺序</td>
					<td>
						<input type="text" id="orderId" class="input-text" />
					</td>
				</tr>
				<tr>
					<td>状态</td>
					<td>
						<select id="status" class="input-text">
							<option>请选择</option>
							<option>使用</option>
							<option>禁用</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>配套对象</td>
					<td id="processingObject">
						<button class="btn btn-primary radius">选择加工对象</button>
					</td>
				</tr>
				<tr>
					<td>流程周期</td>
					<td>
						<input type="text" class="input-text" id="processCycle" />
					</td>
				</tr>
				<tr>
					<td>返修周期</td>
					<td>
						<input type="text" class="input-text" id="repairCycle" />
					</td>
				</tr>
				<tr>
					<td>周转余量</td>
					<td>
						<input type="text" class="input-text" id="turnover" />
					</td>
				</tr>
				<tr>
					<td>日产能</td>
					<td>
						<input type="text" class="input-text" id="dailyCapacity" />
					</td>
				</tr>
				<tr>
					<td>损耗率</td>
					<td>
						<input type="text" class="input-text"  style='width:40px;' id="lossRate" />%
					</td>
				</tr>
				<tr hidden="hidden">
					<td>生产车间周期代码</td>
					<td>
						<input type="text" class="input-text" id="workshopProductionCycleCode" />
					</td>
				</tr>
				<tr hidden="hidden">
					<td>生产车间周期名称</td>
					<td>
						<input type="text" class="input-text" id="workshopProductionCycleName" />
					</td>
				</tr>
				<tr>
					<td>创建人</td>
					<td>
						<input type="text" class="input-text" id="creater" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>创建时间</td>
					<td>
						<input type="text" class="input-text" id="creationTime" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>上一次修改时间</td>
					<td>
						<input type="text" class="input-text" id="lastModifyTime" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>上一次修改人</td>
					<td>
						<input type="text" class="input-text" id="lastModifier" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td></td>
					<td>
						<!-- 					<button class="btn btn-primary radius" id="reportBtn">提交</button> -->
						<!-- 					<button class="btn btn-primary radius" id="updateBtn">修改</button> -->
						<button class="btn btn-primary radius" id="insertBtn">添加</button>
						<button class="btn btn-primary radius" id="updateBtn" value="">修改</button>&nbsp;&nbsp;
					</td>
				</tr>
			</table>
		</div>
		<div class="queryTable">
			<button id="view" class="btn" value='1'>切换状态查看</button>
			<table id="queryCycleTable" class="table table-gb table-hover">
				<thead>
					<tr>
						<th>部门</th>
						<th>车间名称</th>
						<th>状态</th>
					</tr>
				</thead>
				<tbody></tbody>
			</table>
		</div>
		<div class="modal fade" id="addProcessingObjectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">添加加工对象</h4>
					</div>
					<div class="modal-body">
						<div id="selectTitle" class="list-select ui-draggable">
							<div class="list-title ui-draggable-handle">
								<h4>选择加工对象（选项可双击、单击进行选择）</h4>
							</div>
							<div class="list-body">
								<ul class="item-box left-box ui-sortable ui-droppable">
								</ul>
								<div class="center-box">
									<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
									<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
									<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
									<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
								</div>
								<ul class="item-box right-box ui-sortable ui-droppable">
								</ul>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="addModalBtn">确定</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="importWorkshopModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel2">导入车间</h4>
					</div>
					<div class="modal-body">
						<div id="selectTitle" class="list-select ui-draggable">
							<div class="list-title ui-draggable-handle">
								<h4>选择要导入的车间（选项可双击、单击进行选择）</h4>
							</div>
							<div class="list-body">
								<ul class="item-box left-box2 ui-sortable ui-droppable" style="font-size:14px;">
								</ul>
								<div class="center-box">
									<button class="add-one2 btn btn-success radius" title="添加选中项">&gt;</button>
									<button class="add-all2 btn btn-success radius" title="添加全部">&gt;&gt;</button>
									<button class="remove-one2 btn btn-primary radius" title="移除选中项">&lt;</button>
									<button class="remove-all2 btn btn-primary radius" title="移除全部">&lt;&lt;</button>
								</div>
								<ul class="item-box right-box2 ui-sortable ui-droppable" style="font-size:14px;">
								</ul>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="addModalBtn2">确定</button>
					</div>
				</div>
			</div>
		</div>
		<!--_footer 作为公共模版分离出去-->
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
		<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
		<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
		<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
		<script type="text/javascript" src="myJs/util.js"></script>
		<!--/_footer 作为公共模版分离出去 -->

		<!--请在下方写此页面业务相关的脚本 -->
		<script type="text/javascript" src="myJs/workshopProductionCycle.js"></script>
	</body>

	</html>